<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <div class="login">
        <div class="login-left">
            <a href="./home.html"> <img src="../images/login-bg.png" alt="" ></a>
        </div>
        <!-- login右边区域 -->
        <div class="login-right">
           <a href="../pages/home.html"><img src="../images/loginlogo.png" alt="" class="loginImg"></a> 

            <!-- 中间点击跳转区域 -->
            <div class="sign">
                <a href="#">账号登录</a>
                <span class="bor"></span>
                <a href="#">扫码登录</a>
            </div>

            <!-- 此处下面两个盒子切换 -->
            <!-- 登录注册区域 --> 
            <div class="sign-in signBox">
                <form action="../pages/home.html" >
                    <input type="text" placeholder="用户/手机号/邮箱" class="user"><img src="../images/clearInput.png" alt="" class="userX">
                    <input type="password" placeholder="密码" class="pwd"><img src="../images/clearInput.png" alt="" class="pwdX">
                    <a href="" class="forget">忘记密码</a>
                    <button type="submit">登录</button>
                </form> 
                <span>还没有源码账号，<a href="../pages/register.html">立即注册</a><img src="../images/loginIcon333.jpg"
                        alt=""></span>

                <div class="mask"></div>
            </div>

            <!-- 扫码登陆页面  -->
            <div class="sign-on signBox">
                <div class="code">
                    <img src="../images/wechat-white.png" alt="">

                    <p class="wechat">微信扫码登录</p>
                    <p>未关注源码科技公众号，请先关注后再登录</p>
                </div>

                <span>还没有源码账号，<a href="../pages/register.html">立即注册</a><img src="../images/loginIcon333.jpg"
                        alt=""></span>
            </div>




        </div>
    </div>


    <script src="../js/login.js"></script>
</body>

</html>